/*
  学习目标：JSX-插值表达式
  语法: {表达式}
  表达式:
  1. 变量
  2. 基本数据类型: string  number boolean undefined  null
  3. 引用数据类型: object function array
  4. 其它: 三元/ 逻辑且 /JSX
  
*/

import React from 'react';
import ReactDOM from 'react-dom';

const title = 'hello React222';

// 2. 基本数据类型: string  number boolean undefined  null
// 💥string 和number 正常显示
// 💥null boolean undefined 不显示
const divNode = (
  <>
    <h1>{title}</h1>
    <h2>123</h2>
    <h2>{789}</h2>
    <h3>
      {null} - {String(null)}
      {undefined} - {String(undefined)}
      {true}
      {false}
    </h3>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
